<!-- SCRIPTS -->
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-core.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-service.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-ui.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-mapevents.js"></script>

<!-- BODY -->
<h1>Zoom into Bounds</h1>
<p>This example displays circles on the map, which denote cities' population. By clicking on each circle you can zoom into it, but with different maximum zoom levels, depending on the circle size.</p>
<hr/>
<div id="map" style="width: 600px; height: 400px; background: grey"></div>

